<template>
    <el-container>
        <el-header>
            <HeaderPublic />
        </el-header>
        <el-container>
            <el-aside width="250px">
                <el-card>
                    <DoctorSidebar />
                </el-card>
            </el-aside>
            <el-main>
                <router-view name="doctor" />
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
    import HeaderPublic from "@/components/Public/HeaderPublic";
    import DoctorSidebar from "@/components/Doctor/Sidebar/DoctorSidebar";
    export default {
        name: "Doctor",
        components:{
            DoctorSidebar,
            HeaderPublic
        }
    }
</script>

<style scoped>
    .el-header{
        padding: 0;
    }
    .el-container{
        margin-top: 10px;
    }
    .el-main{
        padding: 0;
        padding-left: 10px;
    }
</style>